body {

	font-size: 14px;
	line-height: 1.7;

	background-color: #4e4d4f;

	/* 字体颜色 */
	color: #333333;


}

a.logo {
	line-height: 1;
}

a {
	text-decoration: none;
}

a,
body {
	color: #EEEEEE;
}

.side-bar {

	float: left;
	width: 20%;

	/* background-color: #CCCCCC; */
}


.side-bar>* {

	padding: 10px 15px;
}

.header .logo {
	padding: 10px 20px;
	display: inline-block;
	font-size: 30px;
	border: 5px solid #EEEEEE;
	margin-bottom: 15px;
}

.side-bar .nav a ,
.side-bar .tag-list a {
	/* 设置为 block 可以独占一行 */
	display: block;
	padding: 7px;
	color: #888;
}





/* 添加过渡 导航栏  颜色，以及字体大小 */
.side-bar .nav a {

	-webkit-transition: color 400ms;
	-moz-transition: color 400ms;
	-ms-transition: color 400ms;
	-o-transition: color 400ms;
	transition: color 400ms;


	-webkit-transition: font-size 400ms;
	-moz-transition: font-size 400ms;
	-ms-transition: font-size 400ms;
	-o-transition: font-size 400ms;
	transition: font-size 400ms;


}


.side-bar .tag-list a {
	-webkit-transition: color 300ms;
	-moz-transition: color 300ms;
	-ms-transition: color 300ms;
	-o-transition: color 300ms;
	transition: color 300ms;

}



/* /* 只变字体 size ，color */
.side-bar .nav a:hover {
	color: white;
	font-size: 20px;
}


/* 只变字体 */
.side-bar .tag-list a:hover {
	color: white;
}


.side-bar .nav a {
	font-weight: 900;
}





.main {
	float: right;
	width: 80%;
	background-color: yellowgreen;
}
